<html><head><title>VectorSourceCircularGradient</title></head>
<body bgcolor="#EFF1F0" link="#3A3966" vlink="#000000" alink="#000000">
<font face="Verdana, sans-serif" size="2"><p align="center"><b><font size="4">VectorSourceCircularGradient()</font></b></p>
<p><b>Syntax</b></p><blockquote>
<font color="#3A3966"><b>VectorSourceCircularGradient</b></font>(x.d, y.d, Radius.d, [CenterX.d, CenterY.d]) </blockquote>

</blockquote>
<b>Description</b><br><blockquote>

Selects a circular gradient as the source for vector drawing operations 
such as <a href="fillpath.html">FillPath()</a> or <a href="strokepath.html">StrokePath()</a>. Initially, the gradient is solid black. 
Color stops have to be added with the <a href="vectorsourcegradientcolor.html">VectorSourceGradientColor()</a> after this 
function. 

</blockquote><p><b>Parameters</b></p><blockquote>
<style type="text/css">
table.parameters { border-spacing: 0px; border-style: none; border-collapse: collapse; }
table.parameters td { border-width: 1px; padding: 6px; border-style: solid; border-color: gray; vertical-align: top; font-family:Arial; font-size:10pt; }
</style>
<table width="90%" class="parameters">
<tr><td width="10%"><i>x.d, y.d</i></td>
<td width="90%"> 
Specifies the center point of the circle that defines the gradient. 
The coordinates are specified in terms of the <font color="#924B72">#PB_Coordinate_Source</font> coordinate system. 
<br>
<br>
The center point of the circle represents the start (Position 0.0) of the gradient and 
the perimeter of the circle represents the end (Position 1.0) of the gradient. 

</td></tr>
<tr><td><i>Radius.d</i></td>
<td> 
Specifies the radius of the circle that defines the gradient. 

</td></tr>
<tr><td><i>CenterX.d, CenterY.d (optional)</i></td>
<td> 
Specifies an optional offset for the starting point of the gradient from the center of 
the circle. With these parameters, the gradient can be started at any point within the 
circle. 

</td></tr>
</table>
</blockquote><p><b>Return value</b></p><blockquote>
None.


</blockquote><p><b>Remarks</b></p><blockquote>

See the <a href="index.html">vectordrawing overview</a> for an introduction to the different 
coordinate systems. 
<br>
<br>
The color gradient is only defined in the area inside the circle. 
Outside of the circle, the used source color is depending on the operating 
system, so drawing operations outside of the defined gradient's area should be avoided. 

</blockquote><p><b>Example</b></p><blockquote>


<pre><font face="Courier New, Courier, mono"size="2">  <b><font color="#3A3966">If</font></b> <font color="#3A3966">OpenWindow</font>(0, 0, 0, 400, 200, &quot;VectorDrawing&quot;, <font color="#924B72">#PB_Window_SystemMenu</font> | <font color="#924B72">#PB_Window_ScreenCentered</font>)
<font color="#3A3966">    CanvasGadget</font>(0, 0, 0, 400, 200)
    
    <b><font color="#3A3966">If</font></b> <font color="#3A3966">StartVectorDrawing</font>(<font color="#3A3966">CanvasVectorOutput</font>(0))

<font color="#3A3966">      VectorSourceCircularGradient</font>(200, 100, 150, -50, -50)
<font color="#3A3966">      VectorSourceGradientColor</font>(<font color="#3A3966">RGBA</font>(255, 255, 255, 255), 0.0)
<font color="#3A3966">      VectorSourceGradientColor</font>(<font color="#3A3966">RGBA</font>(0, 0, 0, 255), 1.0)
      
<font color="#3A3966">      FillVectorOutput</font>()
    
<font color="#3A3966">      StopVectorDrawing</font>()
    <b><font color="#3A3966">EndIf</font></b>
    
    <b><font color="#3A3966">Repeat</font></b>
      Event =<font color="#3A3966"> WaitWindowEvent</font>()
    <b><font color="#3A3966">Until</font></b> Event = <font color="#924B72">#PB_Event_CloseWindow</font>
  <b><font color="#3A3966">EndIf</font></b>
</font></pre>

<p><img src="../HelpPictures/vectorsourcecirculargradient.png"></p>

</blockquote><p><b>See Also</b></p><blockquote>

<a href="vectorsourcegradientcolor.html">VectorSourceGradientColor()</a>, <a href="vectorsourcelineargradient.html">VectorSourceLinearGradient()</a>, <a href="vectorsourcecolor.html">VectorSourceColor()</a>, <a href="vectorsourceimage.html">VectorSourceImage()</a> 

</Blockquote><p><b>Supported OS </b><Blockquote>All</Blockquote></p><center><- <a href=vectorresolutiony.html>VectorResolutionY()</a> - <a href="index.html">VectorDrawing Index</a> - <a href="vectorsourcecolor.html">VectorSourceColor()</a> -><br><br>

</body></html>